@charset "utf-8";
/******************************************************

 概况：样式表单一入口文件
 
 ******************************************************/

/* 全局 */
@import 'main.css';

/* 公共 */
@import 'public.css';

/* 头部 */
@import 'header.css';

/* 底部 */
@import 'footer.css';

/* 公共样式重写 */

.nav_a{ overflow:hidden; background:#fff; height:35px; line-height:35px; margin-top:10px;}
.nav_a .left{ float:left; height:35px;}
.nav_a div{ padding:0 15px; text-align:right;}
.nav_a a{ padding:0 5px;}


.box_a{ overflow:hidden; margin-top:10px; background:#fff; }
.box_a .box{padding:10px;}
.box_a .lefta{ float:left; width:520px;}

.pics{ position:relative;}
.pics .linetype{ position:absolute; width:69px; height:69px; top:0px; right:0px;}

.box_a .leftb{ float:left; width:450px; margin-left:15px;}
.box_a .leftb .titlea{}
.box_a .leftb .titlea dt{ font-size:18px; font-weight:bold; height:45px; line-height:45px; overflow:hidden;}
.box_a .leftb .titlea dd{ line-height:20px;}
.box_a .leftb .titlea ul li{background:url(../images/zs2.gif) left 8px no-repeat;background-size:12px;font-weight: bold;color:#BB2A07;line-height:25px; padding-left:20px;}
.box_a .leftb .price{ margin-top:15px}
.box_a .leftb .price dt{ height:35px; line-height:35px; color:#fff; font-weight:bold; background:#FF4274; padding-left:20px;}
.box_a .leftb .price dd{ background:url(../images/line/2_02.png) left top no-repeat; height:60px; color:#ff4274; font-weight:bold; font-size:22px; line-height:60px; padding-left:30px;}
.box_a .leftb .price dd span{ text-decoration:line-through; font-size:12px; color:#999;}
.box_a .leftb p{ padding-top:10px; line-height:30px;}
.box_a .leftb .button{  overflow:hidden;}
.box_a .leftb .button dt{ float:left; height:40px; width:150px;}
.box_a .leftb .button dt a{ background: #FF4274; color:#fff; border-radius:3px; display:block; text-align:center; line-height:40px;}
.box_a .leftb .button dd{ float:left; height:40px;width:150px; margin-left:15px;}
.box_a .leftb .button dd a{ background: #0DBFB0; color:#fff; border-radius:3px; display:block; text-align:center; line-height:40px;}
.box_a .leftb .bh{ overflow:hidden; padding:10px 0;}
.box_a .leftb .bh li{ background:#d4d4d4; border-radius:3px; float:left; width:47px; height:42px; margin-right:7px;}
.box_a .leftb .bh li.active{ background:#31bcba}
.box_a .leftb .mb8{ margin-bottom:8px;}
.box_a .leftb .rightbox .text{ line-height:30px;}
.box_a .leftb .rightbox .text a{ padding-right:5px;}
.box_a .leftb .rightbox .package{ overflow:hidden;}
.box_a .leftb .rightbox .package a{  float:left; margin:0 10px 10px 0; border:#999 1px solid; height:25px; color:#999; font-weight:bold; line-height:25px; display:block; padding:0 20px;}
.box_a .leftb .rightbox .package a:hover,.box_a .leftb .package a.active{ color:#ee5742; border:#ee5742 1px solid; background:url(../images/line/i1.png) bottom right no-repeat;}
.box_a .leftb .rightbox{}
.box_a .leftb .rightbox .titles{ float:left; width:75px; height:30px; line-height:30px; padding-left:15px;}
.box_a .leftb .rightbox .traffic{ padding-left:90px;}
.box_a .leftb .rightbox .traffic select{ padding:5px; border-radius:3px; font-family:"微软雅黑"; border:1px solid #ccc;}

.citya{ height:35px; position:relative; margin-top:5px;}
.citya .city_titlea{ width:450px; background:url(../images/line/city.png); height:35px; line-height:30px; position:absolute; z-index:10;}
.citya .city_titlea div{ padding-left:15px;}
.citya .city_titlea a{ padding:0 5px;}
.citya .city_lista{ z-index:11;width:448px; display:none; position:absolute; left:1px; top:31px; background:#FcFCFC; border-radius:0 0 3px 3px; box-shadow:0px 2px 2px 0px #dcdcdc;padding:15px 0px;}
.citya .city_lista div{ padding:0 10px; }
.citya .city_lista a{ display:block; float:left; padding:3px 5px;}

.box_a .right{ float:right; width:175px;}
.box_a .right .top{ height:30px; line-height:30px; text-align:center;}
.box_a .right ul{}
.box_a .right ul li{ margin-bottom:15px;}
.box_a .right ul li img{ width:100%; height:90px;}
.box_a .right ul li h3{ font-weight:normal; text-align:center; font-size:12px; line-height:25px;}
.box_a .right ul li span{ text-align:center; display:block; color:#F09; line-height:18px; font-size:12px;}

.box_b{ overflow:hidden; background:#fff; margin-top:15px; }
.box_b .box{padding:10px;}
.box_b .left{ float:left; width:900px;}
.box_b aside{ float:right; width:260px;}
.box_b .left .top{ height:45px; line-height:45px; background:#fafafa; border:#eaeaea 1px solid;}
.box_b .left .top ul{ height:50px;}
.box_b .left .top ul li{ float:left; height:48px; margin-left:-1px; line-height:48px; overflow:hidden; }
.box_b .left .top ul li.active{ z-index:1; position:relative; padding:0px; margin:-1px 0 0 -1px; height:47px;
	border-top:2px solid #C00;
}
.box_b .left .top ul li a{ border-right:#dcdcdc 1px dotted;  padding:0 25px; height:46px;}
.box_b .left .top ul li.active a{ background:url(../images/line/2.png) top center no-repeat; line-height:46px; display:block;  border-left:1px solid #dcdcdc; border-right: 1px solid #dcdcdc; color:#b00000;}


.box_b .left .boxa{ clear:both;}
.box_b .left .boxa .center{ padding:15px 0; overflow:hidden;}
.box_b .left .boxa .center img{ width:100%;}


.box_c{ line-height:25px; padding-bottom:50px; padding-top:50px;}
.box_c .title_b{ height:80px; background:#E8E8E8;padding-top:10px;}
.box_c .title_b .t1{ background:#fff;height:80px; width:380px; margin-left:40px; }
.box_c .title_b .t1 div{ height:80px; margin-top:10px; background: url(../images/free/c_50.png) 34px 27px no-repeat; padding-left: 75px; line-height:80px;}
.box_c .title_b .t1 div span{ color:#000; font-size:30px;}
.box_c .title_b .t1 div strong{ color:#F00;font-size:25px;}
.box_c .title_b .t1 div font{ font-size:12px; padding-left:10px;}


.title_a{ background:#F06; width:100px; line-height:35px; margin:0 auto; height:70px; color:#fff; text-align:center; }
.title_a img{ display:block; margin:0 auto;}

.boxb{ padding:30px 0;}
.boxb img{ width:100%;}

.price_box{ }
.price_box section{ border-bottom:1px solid #ccc; overflow:hidden; padding:20px 20px 30px 50px;}
.price_box section .left{ float:left; width:100px; padding-left:40px; font-size:22px; height:50px; line-height:50px;}
.price_box section .t1{ background:url(../images/free/1_21.png) left center no-repeat;}
.price_box section .t2{ background:url(../images/free/1_20.png) left center no-repeat;}
.price_box section .t3{ background:url(../images/free/1_56.png) left center no-repeat;}
.price_box section .t4{ background:url(../images/free/1_53.png) left center no-repeat;}
.price_box section .t5{ background:url(../images/free/1_08.png) left center no-repeat;}
.price_box section .t6{ background:url(../images/free/1_15.png) left center no-repeat;}
.price_box section .t7{ background:url(../images/free/1_51.png) left center no-repeat;}
.price_box section .right{ padding-left:150px;}



.hotels_box{ overflow:hidden; background:url(../images/free/1_07.png) repeat-y; margin-top:30px; margin-bottom:30px;}
.hotels_box .left{ float:left; width:220px; padding-right:20px;}
.hotels_box .left ul{ padding-right:15px;}
.hotels_box .left ul li{ position:relative; cursor:pointer; text-align:right; height:55px; line-height:55px; font-size:18px;}
.hotels_box .left ul li span{ width:53px; height:42px; position:absolute; display:block; background:url(../images/free/t_03.png); color:#fff; text-align:center; line-height:42px; font-size:16px;top:5px; right: -65px;}
.hotels_box .left ul li.active span{ position:absolute; width:53px; height: 42px; top:5px; right: -65px;}
.hotels_box .right{ padding-left:300px;}

/* 小编推荐 */
.boxc .list{width:1250px; padding-top:15px;}
.boxc .list section{ background:#fff;  float:left;box-shadow: 0px 0px 5px -1px #CBCBCB; width: 286px; margin-right:20px; padding-bottom:15px; margin-bottom:20px;}
.boxc .list section .box{ padding:15px;}
.boxc .list section .box .pic{ width: 256px; height:180px; position:relative;}
.boxc .list section .box .pic img{ position:absolute; width: 256px; height:180px; left:0px; top:0px;}
.boxc .list section .box .pic .link{ position:absolute; width: 256px; height:180px; left:0px; top:0px;}
.boxc .list section .box .pic .cat{ position:absolute; width:105px; height:30px; color:#fff; text-align:center; line-height:30px; background:#F06; right:10px; top:10px; display:none;}
.boxc .list section .box .pic:hover .cat{ display:block;}
.boxc .list section .box .pic:hover .link{ background:url(../images/pic_41.png);}
.boxc .list section .box .text{ padding-top:10px;}
.boxc .list section .box .text dt{ font-size:16px; color:#000; line-height:35px; line-height:35px;}
.boxc .list section .box .text dd{ font-size:13px; color:#666; line-height:20px;}
.boxc .list section .box .price{ overflow:hidden; height:35px; line-height:35px; padding-top:10px;}
.boxc .list section .box .price span{ font-size:13px; text-decoration:line-through; color:#999;}
.boxc .list section .box .price strong{ font-size:22px; color:#f06; padding-left:15px;}
.boxc .list section .box .button{ overflow:hidden; height:34px; line-height:34px; padding-top:15px;}
.boxc .list section .box .button dt{ float:left; width:117px; height:34px; line-height:34px; }
.boxc .list section .box .button dt a{ display:block;color:#fff; text-align:center; background:url(../images/pic_83.png);}
.boxc .list section .box .button dd{ float:left; padding-left:15px; background:url(../images/pic_86.png) right center no-repeat; padding-right:20px; color:#666;}

.days{ margin-top:30px;}
.days section{ padding-bottom:30px;}
.days section dl{ overflow:hidden; }
.days section dt{background:url(../images/line/calendar.png) top center no-repeat; line-height:120px; overflow:hidden; text-align:center; font-weight:bold; font-size:25px; width:123px; height:80px; float:left;}
.days section dd{ padding-left:150px; line-height:30px; font-weight:bold; font-size:20px; padding-top:43px;}
.days section .cy{ margin-left:147px; background:url(../images/line/1_32.png) left center no-repeat; padding-left:40px; height:50px; line-height:50px;}
.days section .info{margin-left:147px; background:url(../images/line/1_37.png) left top no-repeat; padding-left:40px;  line-height:28px;}
.days section ul{margin-left:147px; overflow:hidden; padding:20px 0; padding-left:40px;}
.days section ul li{ float:left; margin-right:15px;}



.left_1{ background:#fff; margin-bottom:15px;}
.left_1 .top{ padding-left:30px; height:50px; position:relative; line-height:50px; font-size:16px;}
.left_1 .top img{ width:23px; height:49px; position:absolute; top:-10px; left:0px;}
.left_1 .bottom{}
.left_1 .bottom dl{ overflow:hidden; padding-bottom:15px;}
.left_1 .bottom dl dt{ float:left; width:110px; height:60px;}
.left_1 .bottom dl dt img{ width:100%; height:60px;}
.left_1 .bottom dl dd{ padding-left:120px;}
.left_1 .bottom dl dd a{ line-height:18px; display:block; font-size:12px;}
.left_1 .bottom dl dd span{ display:block; color:#CA0A0A; font-size:14px; font-weight:bold;}


.left_2{ background:url(../images/line/2_02.png); width:260px;}
.left_2 .top{ background:#1dc9b7; border-radius:3px 3px 0 0; color:#fff; line-height:30px; padding:15px; font-weight:bold; font-size:16px;}
.left_2 .price{ font-weight:bold; font-size:26px; color:#f00; text-align:center; padding:20px 0 0 0;}
.left_2 p{ padding:15px; line-height:25px; font-size:12px; color:#000;}
.left_2 .button{ overflow:hidden; padding:15px;line-height:40px;}
.left_2 .button dt{ height:40px; float:left; width:107px;}
.left_2 .button dt a{ background:#fd4d7f; display:block;  border-radius:3px; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
.left_2 .button dd{ height:40px;float:right; width:107px;}
.left_2 .button dd a{ background:#20c0ac; display:block; border-radius:3px; text-align:center; color:#fff; font-weight:bold; font-size:14px;}

.left_3{ background:#fff; margin-bottom:15px;}
.left_3 .top{ height:50px; line-height:50px; font-size:16px;}
.left_3 .bottom{}
.left_3 .bottom section{ padding-bottom:20px;}
.left_3 .bottom section .pic{position:relative; width:260px; height:160px;}
.left_3 .bottom section .pic img{ width:100%; height:100%;}
.left_3 .bottom section .pic .info{width:260px; 
		opacity:0;
		height:60px;
		left:0px;
		bottom:0px;
		position:absolute;
		transition:all .35s;
		background:#F06;
		transform:perspective(800px) rotateX(-90deg); 
		transform-origin:50% 100%;}
.left_3 .bottom section .pic:hover .info{
		opacity:1;
		transform:perspective(800px) rotateX(0);
	}
.left_3 .bottom section .pic .info h3{ padding-top:5px; height:25px; line-height:25px; color:#fff; padding-left:15px; font-weight:bold;}
.left_3 .bottom section .pic .info span{ display:block; color:#fff; padding-left:15px;}
.left_3 .bottom section p{ line-height:35px; height:35px; overflow:hidden;}
.left_3 .bottom section p span{ color:#F00; padding-left:10px; font-weight:bold;}


.dates{ padding-top:15px;}
.dates .tops{ background:#eceff2; overflow:hidden;}
.dates .tops li{ float:left; }
.dates .tops li a{ line-height:20px;height:50px;text-align:center;display:block; font-weight:bold;   padding:0 25px;padding-top:10px;}
.dates .tops li a:hover,.dates .tops a.active{ background:#000; color:#fff;}
.dates .tops li span{ display:block; line-height:20px;}

.dates .weeks{ overflow:hidden;}
.dates .weeks li{ text-align:center; height:25px; line-height:25px; width:74px; background:#666; float:left; color:#fff;}
.dates .day{ overflow:hidden;}
.dates .day li{ float:left; width:74px;  overflow:hidden; height:50px;}
.dates .day li a{ display:block;   position:relative;width:73px; height:49px; display:block; border:#eaeaea 1px solid; border-top:none; border-left:none;}
.dates .day li a span{ position:absolute; width:100%; height:25px; text-align:center; top:0px; left:0px; border-top:#fff 3px solid;}
.dates .day li a p{ color:#F00; font-weight:bold; text-align:center; line-height:65px; font-size:12px;}
.dates .day li a:hover span,.dates .day li a.active span{ border-top:#ff0000 3px solid;}

